/*
 * Theme Name:  Whack-a-Mole framework
 * Description:  grayscale theme  
 * Author: Gail Thynes
 * Purpose:  One Goal vs. Two Goal Swellnes Research Group
 */


body * {
    margin: 0;
    padding: 0;
}
/* Main Page Layout */
body {
	background-color: #E8E8E8;
    color: black;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.5;
    text-align: left; 
}

#wrapper{
	width: 960px;
	margin: 0 auto;
	text-align: center;
}
#middle{
	padding-left: 10px;
	padding-right: 10px;
}

header{
	text-align: left;
	text-decoration: none;	
}
header a {
			color: black;
			text-decoration: none;
			font-style:normal;
}
header a:hover, header a:focus {
			color: red;
			padding-bottom: 1px;
			text-decoration: none;
}
h1{
	font-size: 24px;	
}
header h1{
	font-size: 100px;
	text-decoration: none;
}


/* Navigation */
nav{
	clear: both;
	
}
nav ul{
	list-style-type:none;
	border-bottom: 3px solid red;
	height: 24px;
}

nav li{
	float: left;
	list-style: none;
	text-align: center;
	margin-right: 60px;
	color: black;
	border-bottom: none;	
}

/* Sidebars */
aside{	
	float: left;
	width: 250px;
	text-align:left;
	padding-top: 30px;
	padding-right: 40px;
	margin-bottom: 20px;
}
#instructions{
	background-color: #B8B8B8;
	padding-bottom:10px;
	margin-bottom: 20px;
	padding: 10px;	
}
#setgoals{
	background-color: #B8B8B8;
	padding-bottom:10px;
	margin-bottom: 20px;
	padding: 10px;		
}
#displaygoals{
	background-color: #B8B8B8;
	padding: 10px;	
	padding-bottom:10px;
	border-left: 5px solid green;	
}
#main{
	width: 725px;
	float: right;
	padding-top: 30px;
}	


/* Content */

	
#content{
	background-color: #B8B8B8;
	float: left;
	width: 550px;
	padding-bottom: 20px;
	padding-top: 30px;
	text-align:left;
	margin-left: 50px;
	margin-bottom: 20px;
	margin-top: 40px;
	padding: 10px;
	
}
#content-main{
	background-color: #B8B8B8;
	width: 700px;
	margin: 20px;
	padding: 10px;
	padding-bottom: 20px;
	padding-top: 30px;
	margin-left: 100px;	
	text-align:left;
}
/* Footer */
footer{
	clear: both;
	background-color: #B8B8B8;
	font-size: 11px;
	text-align: center;
	border-top: 2px solid red;
	padding-top: 25px;
}

/* Link Styling */

/*nav li a:hover, nav li a:focus {
			color: #f4c954;
			border-bottom: 2px solid #f4c954;
			padding-bottom: 1px;
			font-weight:normal;
} */
	
nav li.current_page_item a:link, 
nav li.current_page_item a:visited {
			color: #f4c954;
			border-bottom: 3px solid #f4c954;
}
			
nav li a:hover, nav li a:focus {
			color: red;
			border-bottom: 3px solid red;			
			padding-bottom: 1px;
}
/* Global Styles */
a {
	color:black;
	font-style:italic;
	text-decoration: none;
}
a:visited {
	color: black;
	
}
a:hover, a:focus{
	color:#f4c954;
	font-style:normal;
}

li a {
	color:black;
	text-decoration: none;
	font-style:normal;
}

li a:visited {
	text-decoration: bold;
	
}
li a:hover, li a:focus{
	color:#f4c954;
	font-style:normal;
}
ul {
	padding-left: 1.25em;
}
ol {
	padding-left: 2.25em;
}
ul li {
  padding-left: 1.25 em;
}

ol li {
  padding-left: 2.25em;
}


/* Paragraph and Header Styling */

p{
	margin-bottom: 16px;
}
h1, h2{
	margin-bottom: 20px;
	font-size: 30px;
}
h3 {
	margin-bottom: 10px;
	font-size:20px;
}
p{
	font-size: 16px;
} 
header h1{
	margin-bottom: 10px;
	font-size: 48px;	
}
a img{
	border: 0;
}


